<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智慧运维</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/Iconfont.css">
    <link rel="stylesheet" href="./css/v-tab.css">
    <link rel="stylesheet" href="./css/operation.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/v-tab.js"></script>
</head>

<body>

    <div class="banner">
        <img src="./img/op-banner.png" alt="">
    </div>

    <div class="function paddingTB">
        <div class="w1200">
            <div class="w1200">
                <div class="head-title" style="background-image: url(./img/function.png);">
                    <p>产品功能</p>
                </div>
                <div class="v-tab">
                    <div class="v-tab-option">
                        <ul>
                            <li class="v-tab-option-active">
                                <img class="normal" src="./img/normal/工单管理.png" alt="">
                                <img class="active" src="./img/active/工单.png" alt="">
                                工单管理
                            </li>
                            <li>
                                <img class="normal" src="./img/normal/知识文库.png" alt="">
                                <img class="active" src="./img/active/只是文档.png" alt="">
                                知识文档</li>
                            <li>
                                <img class="normal" src="./img/normal/合同.png" alt="">
                                <img class="active" src="./img/active/合同.png" alt="">
                                合同发票</li>
                            <li>
                                <img class="normal" src="./img/normal/巡检.png" alt="">
                                <img class="active" src="./img/active/巡检.png" alt="">
                                巡检管理</li>

                            <li>
                                <img class="normal" src="./img/normal/项目.png" alt="">
                                <img class="active" src="./img/active/项目.png" alt="">
                                项目管理</li>
                            <li>
                                <img class="normal" src="./img/normal/综合管理.png" alt="">
                                <img class="active" src="./img/active/综合管理.png" alt="">
                                综合管理</li>
                        </ul>
                    </div>
                    <div class="v-tab-content">
                        <div class="v-tab-content-item v-tab-content-active">
                            <p>工单管理</p>
                            <p>来电弹屏与快速建单，来电智能一体机，集中受理IT服务请求</p>
                            <img src="./img/ant-zu01.png" alt="">
                        </div>
                        <div class="v-tab-content-item">
                            <p>知识文档</p>
                            <p>知识共享、转化，避免了知识流失，提高IT运维响应速度，充分挖掘、分析IT应用信息</p>
                            <img src="./img/ant-zu02.png" alt="">
                        </div>
                        <div class="v-tab-content-item">
                            <p>合同发票</p>
                            <p>供应厂商，合同项目，合同资金，合同进度，合同附件，合同查询等</p>
                            <img src="./img/ant-zu03.png" alt="">
                        </div>
                        <div class="v-tab-content-item">
                            <p>巡检管理</p>
                            <p>IT运维巡检内容，针对不同的设备，设置不同的巡检内容</p>
                            <img src="./img/ant-zu04.png" alt="">
                        </div>
                        <div class="v-tab-content-item">
                            <p>项目管理</p>
                            <p>对项目建设过程全进度控制，当前项目的WBS分解，需求记录，BUG跟踪</p>
                            <img src="./img/ant-zu05.png" alt="">
                        </div>
                        <div class="v-tab-content-item">
                            <p>综合管理</p>
                            <p>会议管理，工作日志，满意度调查，值班管理</p>
                            <img src="./img/ant-zu06.png" alt="">
                        </div>
                    </div>
                </div>

                <div id="mb-opfunction" class="mb-opfunction">
                    <div class="panel-group" id="opfunction_panel">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <a class="iconfont" data-toggle="collapse" data-parent="#opfunction_panel" href="#产品">
                                    <img src="./img/active/只是文档.png">数据中心
                                </a>
                            </div>
                            <div id="产品" class="panel-collapse collapse in">
                                <div class="panel-body">
                                    <p>工单管理</p>
                                    <p>来电弹屏与快速建单，来电智能一体机，集中受理IT服务请求</p>
                                    <img src="./img/ant-b/ant-rd01.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <a class="iconfont" data-toggle="collapse" data-parent="#opfunction_panel" href="#解决方案">
                                    <img src="./img/active/合同.png">城市市场
                                </a>
                            </div>
                            <div id="解决方案" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <img src="./img/ant-b/ant-rd02.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <a class="iconfont" data-toggle="collapse" data-parent="#opfunction_panel" href="#项目案例">
                                    项目案例
                                </a>
                            </div>
                            <div id="项目案例" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <img src="./img/ant-b/ant-rd03.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <script>
                    $(document).ready(function () {
                        $('.collapse.in').prev('.panel-heading').addClass('active');
                        $('#mb-opfunction')
                            .on('show.bs.collapse', function (a) {
                                $(a.target).prev('.panel-heading').addClass('active');
                            })
                            .on('hide.bs.collapse', function (a) {
                                $(a.target).prev('.panel-heading').removeClass('active');
                            });
                    });
                </script>
            </div>
        </div>
    </div>

    <div class="cell_center paddingTB">
        <div class="banner">
            <img src="./img/ant-hujiaozhongxin.png" alt="">
        </div>
        <div class="cell_center-content w1200">
            <div class="d-flex">

                <div class="d-flex-item">
                    <img src="./img/ant-dianhua.png" alt="图片丢失">
                    <p>电话盒子</p>
                    <p>无需改变企业原有的电话网络结构，无需配置，即插即用。来电显示，自动识别客户身份，关联历史工单，记录可追溯</p>
                </div>

                <div class="d-flex-item">
                    <img src="./img/ant-wangguan.png" alt="图片丢失">
                    <p>IP语言网管</p>
                    <p>部署坐席电脑及IP话机吗，模拟中继网关、坐席电脑及IP话机通过局域网同一网段祖册到IPCC服务器</p>
                </div>

                <div class="d-flex-item">
                    <img src="./img/ant-hujiao.png" alt="图片丢失">
                    <p>集成呼叫中心</p>
                    <p>根据企业个性化需求，定制部署成熟的呼叫中心系统，无缝衔接工单系统</p>
                </div>

            </div>
        </div>
    </div>

    <div class="architecture paddingTB">

        <div class="w1200">
            <div class="head-title" style="background-image: url(./img/architecture.png);">
                <p>产品架构</p>
            </div>

            <div>
                <img class="full-picture" src="./img/architecture-picture.png" alt="图片丢失">
            </div>
        </div>

    </div>

    <div class="project paddingTB">

        <div class="w1200">
            <div class="head-title" style="background-image: url(./img/projectcase.png);">
                <p>项目案例</p>
            </div>

            <div class="project-content">
                <div class="d-flex">

                    <div class="d-flex-item">
                        <div class="project-content-item">
                            <img src="./img/57328_73533_713155.png" alt="">
                            <span>机场</span>
                        </div>
                    </div>

                    <div class="d-flex-item">
                        <div class="project-content-item">
                            <img src="./img/6805828_092028587105_2.png" alt="">
                            <span>医院</span>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
</body>

</html>